<#assign pageTitle = "${subject.subjectName!}" />
<#assign pageKeywords = pageTitle />
<#assign pageDescription = pageTitle />
<#assign channelId = 1 />
<#assign pageHeader>
    <link rel="stylesheet" href="/static/css/subject.css">
</#assign>
<#assign pageContent>
    <div class="body-wrap">
        <div class="subject-wrap">
            <!--课程分类 s-->
            <div class="subject-type content-wrap">
                <div class="subject-type-box">
                    <a href="/subject/2.html" <#if subject.subjectId == 2>class="active"</#if>>室内设计</a>
                    <a href="/subject/4.html" <#if subject.subjectId == 4>class="active"</#if>>服装设计</a>
                    <a href="/subject/5.html" <#if subject.subjectId == 5>class="active"</#if>>广告设计</a>
                    <a href="/subject/6.html" <#if subject.subjectId == 6>class="active"</#if>>动漫设计</a>
                </div>
            </div>
            <!--课程分类 e-->
            <div class="subject-content">
                <div class="content-wrap">
                    <div class="layui-carousel" id="banner">
                        <div carousel-item>
                            <div>
                                <a href="https://www.dwvan.com/course/view/6.html">
                                    <img src="/static/images/banner-0427.jpg" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-wrap">
                    <#if equalCourses?? && equalCourses?size gt 0>
                        <div class="subject-list">
                            <div class="subject-title">
                                <span>同步课</span>
                            </div>
                            <div class="subject-menu">
                                <#if equalsubjects?? && equalsubjects?size gt 0>
                                    <#list equalsubjects as subject>
                                        <div class="item">
                                            <a href="/course/list.html?subjectId=${subject.subjectId}">${subject.subjectName!}</a>
                                        </div>
                                    </#list>
                                </#if>
                            </div>
                            <div class="course-list">
                                <#list equalCourses as item>
                                    <div class="list-items">
                                        <div class="list-item">
                                            <div class="list-content">
                                                <a href="/course/view/${item.courseId}.html" target="_blank" class="list-course-title">${item.courseName!}</a>
                                                <a href="/course/view/${item.courseId}.html" target="_blank" class="list-course-img">
                                                    <img src="${item.cover!}" alt="">
                                                    <div class="hover-img"><span class="layui-icon layui-icon-play"></span> </div>
                                                    <#if item.viewCount gt 50>
                                                        <div class="list-course-level level-hot"><i class="icon-hot"></i>热门</div>
                                                    </#if>
                                                </a>
                                                <div class="list-course-info"><span>${item.intro!}</span></div>
                                                <div class="list-course-price">￥${item.price/100}</div>
                                                <div class="list-course-type">${item.categoryName!}</div>
                                            </div>
                                        </div>
                                    </div>
                                </#list>
                            </div>
                            <div class="subject-more">
                                <a href="/course/index.html?channelId=2" class="layui-btn layui-btn-lg layui-btn-normal">查看更多<i class="layui-icon layui-icon-right"></i></a>
                            </div>
                        </div>
                    </#if>
                    <#if proCourses?? && proCourses?size gt 0>
                        <div class="subject-list">
                            <div class="subject-title">
                                <span>大师指路</span>
                            </div>
                            <div class="subject-menu">
                                <#if prosubjects?? && prosubjects?size gt 0>
                                    <#list prosubjects as subject>
                                        <div class="item">
                                            <a href="/course/list.html?subjectId=${subject.subjectId}">${subject.subjectName!}</a>
                                        </div>
                                    </#list>
                                </#if>
                            </div>
                            <div class="articles-list" style="margin: -20px -10px 0">

                                <#list proCourses as item>
                                    <div class="list-items">
                                        <div class="list-item">
                                            <div class="list-content">
                                                <a href="/course/view/${item.courseId}.html" target="_blank" class="list-article-img"><img src="${item.cover!}" alt=""></a>
                                                <a href="/course/view/${item.courseId}.html" target="_blank" class="list-article-title">${item.courseName!}</a>
                                                <div class="list-article-info">${item.intro!}</div>
                                                <div class="list-article-price">￥${item.price/100}</div>
                                                <div class="list-article-type">${item.categoryName!}</div>
                                            </div>
                                        </div>
                                    </div>
                                </#list>

                            </div>
                            <div class="subject-more">
                                <a href="/course/pro.html" class="layui-btn layui-btn-lg layui-btn-normal">查看更多<i class="layui-icon layui-icon-right"></i></a>
                            </div>
                        </div>
                    </#if>
                    <#if pictures?? && pictures?size gt 0>
                        <div class="subject-list">
                            <div class="subject-title">
                                <span>案例&素材</span>
                            </div>
                            <div class="subject-menu">
                                <#if picturesubjects?? && picturesubjects?size gt 0>
                                    <#list picturesubjects as subject>
                                        <div class="item">
                                            <a href="/picture/index.html?subjectId=${subject.subjectId}">${subject.subjectName!}</a>
                                        </div>
                                    </#list>
                                </#if>
                            </div>
                            <ul class="works clearfix">
                                <#list pictures as item>
                                    <li class="work">
                                        <div class="work-content">
                                            <a class="work-img" href="/picture/view/${item.id}.html" target="_blank">
                                                <img class="lazy" src="${item.coverUrl!}" >
                                            </a>
                                            <div class="picName">${item.title!}</div>
                                            <div class="active">
                                                <a class="layui-btn layui-btn-primary" href="javascript:;" onclick="favorites(${item.id})">收藏</a>
                                                <a class="layui-btn layui-btn-normal" href="/picture/view/${item.id}.html">详情</a>
                                            </div>
                                        </div>
                                    </li>
                                </#list>

                            </ul>
                            <div class="subject-more">
                                <a href="/picture/index.html" class="layui-btn layui-btn-lg layui-btn-normal">查看更多<i class="layui-icon layui-icon-right"></i></a>
                            </div>
                        </div>
                    </#if>
                    <#if books?? && books?size gt 0>
                        <div class="subject-list">
                            <div class="subject-title">
                                <span>教材</span>
                            </div>
                            <div class="subject-menu">
                                <#if booksubjects?? && booksubjects?size gt 0>
                                    <#list booksubjects as subject>
                                        <div class="item">
                                            <a href="/book/index.html?subjectId=${subject.subjectId}">${subject.subjectName!}</a>
                                        </div>
                                    </#list>
                                </#if>
                            </div>
                            <div class="book-list-small index-book-list">

                                <#list books as item>
                                    <div class="list-items">
                                        <div class="list-item">
                                            <div class="list-content">
                                                <a href="/book/view/${item.id}.html" target="_blank" class="list-book-img">
                                                    <img src="${item.cover!}" alt="">
                                                </a>
                                                <div class="list-book-content">
                                                    <a href="/book/view/${item.id}.html" target="_blank" class="list-book-title">${item.title!}</a>
                                                    <div class="list-book-info">${item.intro!}</div>
                                                    <div class="list-book-price">￥${item.price/100}</div>
                                                    <div class="list-book-type">${item.categoryName}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </#list>
                            </div>
                            <div class="subject-more">
                                <a href="/book/index.html" class="layui-btn layui-btn-lg layui-btn-normal">查看更多<i class="layui-icon layui-icon-right"></i></a>
                            </div>
                        </div>
                    </#if>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/static/libs/layui-v2.6.8/layui.js"></script>
    <script type="text/javascript">
        layui.use('carousel', function(){
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#banner'
                ,width: '100%' //设置容器宽度
                ,height: '350px'
                ,interval:'5000'
            });
        });
    </script>
</#assign>
<#include "../layouts/layout.ftl">

